<template>
<div class="address">
      <van-nav-bar
      :fixed="true"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
/>
 <van-address-list
  v-model="chosenAddressId"
  :list="list"
  :disabled-list="disabledList"
  disabled-text="以下地址超出配送范围"
  @add="onAdd"
  add-button-text="支付"
  @edit="onEdit"
/>
<van-button>
    新增地址
</van-button>

</div>

</template>
 
<script>
 
export default {
    name:"chooseAddress",
  data() {
    return {
      chosenAddressId: '1',
      list: [
        {
          id: '1',
          name: '张三',
          tel: '13000000000',
          address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室'
        },
        {
          id: '2',
          name: '李四',
          tel: '1310000000',
          address: '浙江省杭州市拱墅区莫干山路 50 号'
        }
      ],
      disabledList: [
        {
          id: '3',
          name: '王五',
          tel: '1320000000',
          address: '浙江省杭州市滨江区江南大道 15 号'
        }
      ]
    }
  },

  methods: {
       onClickLeft(){
      this.$router.go(-1)
    },
    onAdd() {
      this.payV=true
    },

    onEdit(item, index) {
      
    }
  }
}
 
</script>
 
<style lang="stylus" scoped>
 .van-address-list
    padding-bottom 0.4rem
.address
  padding-top 0.96rem
  .van-nav-bar
    border-bottom 1px solid #eee
    background #00be6e
    >>>.van-nav-bar__text
      color #fff
    .van-icon
      color #fff

</style>
